let form = layui.form;

function renderCategory() {
    $.ajax({
        type: 'GET',
        url: '/my/category/list',
        success: function(res) {
            // console.log(res);
            if (res.status === 0) {
                let arr = [];
                res.data.forEach(item => {
                    arr.push(`<tr>
                <td>${item.name}</td>
                <td>${item.alias}</td>
                <td>
                    <button data-id="${item.id}" data-name="${item.name}" data-alias="${item.alias}" type="button" class="layui-btn layui-btn-xs">编辑</button>
                    <button data-id="${item.id}" type="button" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                </td>
            </tr>`)

                });
                // 将内容用join拼接成字符串 传到表格内
                $('tbody').html(arr.join(''))
                    // console.log(arr);

            }

        }
    })
}
renderCategory();
let index;
//点击提交
$('button:contains("添加类别")').on('click', function() {
    //页面层

    index = layer.open({
        type: 1,
        skin: 'layui-layer-rim', //加上边框
        area: ['420px', '240px'], //宽高
        content: $('#add-tpl').html()
    });
})

//添加书籍
$('body').on('submit', '#add-form', function(e) {
    // console.log("111");
    e.preventDefault();
    $.ajax({
        type: 'POST',
        url: '/my/category/add',
        data: $(this).serialize(),
        success: function(res) {
            layer.msg(res.message)
                // 成功获取了表单数据
                // console.log(res);
            layer.close(index)
            renderCategory();
        }
    })
})

//编辑
$('body').on('click', 'button:contains("编辑")', function(e) {
        e.preventDefault()
        let data = $(this).data();
        // console.log(data);
        //弹出层
        index = layer.open({
            type: 1,
            skin: 'layui-layer-rim', //加上边框
            area: ['420px', '240px'], //宽高
            content: $('#edit-tpl').html(),
            success: function() {
                form.val('form', data);
            }

        });


    })
    //编辑弹出项提交功能
$('body').on('submit', '#edit-form', function(e) {
    e.preventDefault();
    let data = $(this).serialize()
        // console.log(data);
    $.ajax({
        type: 'POST',
        url: '/my/category/update',
        data: data,
        success: function(res) {
            // console.log(res);
            if (res.status === 0) {
                layer.msg(res.message)
                layer.close(index)
                renderCategory();
            }
        }
    })


})

//删除功能
$('tbody').on('click', 'button:contains("删除")', function() {
    let id = $(this).data('id');
    //询问是否要删除
    layer.confirm('确认要删除吗？', { icon: 3, title: '提示' }, function(index) {
        $.ajax({
            type: 'GET',
            url: '/my/category/delete',
            data: { id: id },
            success: function(res) {
                // console.log(res);
                if (res.status === 0) {
                    layer.msg(res.message);

                    renderCategory();

                }
            }

        })
    });

})